﻿@{
    ViewData["Title"] = "Home Page";
}

<div class="text-center">
    <h1 class="display-4">Welcome</h1>
    <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
</div>

<div class="container">
    <p>当前登录用户：@ViewBag.UserName </p>
    <div id="content"></div>
    <div contenteditable="true" id="messageInput"></div>
    <div class="row">
        <div class="col-6">
            <input type="button" id="sendButton" value="Send Message" />
            <input type="button" id="findButton" value="Find Message" />
            <input type="hidden" id="userInput" value="@ViewBag.UserName"/>
        </div>
    </div>
    <div id="historyMessage"></div>
</div>

<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/signalr/signalr.js"></script> 
@* <script src="~/lib/signalr/signalr.min.js"></script> *@
<script src="~/js/HubChat.js"></script>

<style>
    .container{
        with: 800px;
        margin:0px auto;
    }
    #content{
        width:100%;
        height:300px;
        overflow-x:hidden;
        border:1px  solid #ccc;
    }

    #messageInput{
        width:100%;
        min-height:100px;
        border:1px solid #bbb;
    }
    #historyMessage{
        display:none;
        widows:100%
        height:300px;
        overflow-x:hidden;
        border: 1px solid #ccc;
    }

</style>